import { Link } from "react-router-dom";

interface ErrorProps {
  statusCode: number;
  message: string;
}
export default function Error({ statusCode, message }: ErrorProps) {
  return (
    <div className="flex items-center justify-center py-12">
      <div className="text-center">
        <h1 className="text-4xl font-bold text-gray-900 mb-4">{statusCode}</h1>
        <p className="text-xl text-gray-600 mb-8">{message}</p>
        <Link to="/" className="text-blue-600 hover:underline">
          Back to Home
        </Link>
      </div>
    </div>
  );
}
